<!DOCTYPE html>

<ui:composition 
	lang="en"
	template="/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="head">
		<script type="text/javascript">
			$(document).ready(function () {
			    $('#myCarousel').carousel({
			        interval: 3000
			    });

			    $('#myCarouselServico').carousel({
			        interval: 6000
			    });
			
			});
		</script>  
	</ui:define>

	<ui:define name="corpo">

		<div id="myCarousel" class="carousel slide" data-ride="carousel">
			<div class="carousel-inner">
				<div class="item active">
					<div class="container">
						<div align="center">
							<div class="jumbotron">
								<form jsfc="h:form">
									<h2 class="tituloSlide">#{msg.label_servico_licenciamento_ambiental_titulo}</h2>
									<p class="lead corFonteVerdeEscuro">#{msg.label_servico_licenciamento_ambiental_resumo}</p>
									<p> <a class="btn btn-lg btn-success" jsfc="h:commandButton" action="#{servicoMB.abrirLicenciamentoAbiental}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
						</div>
					</div>
				</div>
				
				<div class="item">
					<div class="container">
						<div align="center">
							<div class="jumbotron">
								<form jsfc="h:form">
									<h2 class="tituloSlide">#{msg.label_servico_plano_controle_ambiental_titulo}</h2>
									<p class="lead corFonteVerdeEscuro">#{msg.label_servico_plano_controle_ambiental_resumo}</p>
									<p> <a class="btn btn-lg btn-success" jsfc="h:commandButton" action="#{servicoMB.abrirPlanoControleAmbiental}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
						</div>
					</div>
				</div>
				
				<div class="item">
					<div class="container">
						<div align="center">
							<div class="jumbotron">
								<form jsfc="h:form">
									<h2 class="tituloSlide">#{msg.label_servico_plano_gerenciamento_residuo_solido_titulo}</h2>
									<p class="lead corFonteVerdeEscuro">#{msg.label_servico_plano_gerenciamento_residuo_solido_resumo}</p>
									<p> <a class="btn btn-lg btn-success" jsfc="h:commandButton" action="#{servicoMB.abriPlanoGerenciamentoResiduosSolidos}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
						</div>
					</div>
				</div>
				
			</div>
			
			<div align="right"> 
				<a href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left iconVerde"></span></a> 
				<a href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right iconVerde"></span></a>
			</div> 
		</div>
	
		<div id="myCarouselServico" class="carousel slide" data-ride="carousel">
			<div class="carousel-inner">
				<div class="item active">
					<div class="container">
						<div class="row">
							<div class="col-lg-4">
								<form jsfc="h:form">
									<h2 class="tituloSlide fonteMedio">#{msg.label_servico_plano_gerenciamento_residuo_servico_saude_titulo}</h2>
									<p class="corFonteVerdeEscuro">#{msg.label_servico_plano_gerenciamento_residuo_servico_saude_resumo}</p>
									<p> <a class="btn btn-success" jsfc="h:commandButton" action="#{servicoMB.abriPlanoGerenciamentoResiduosServicoSaude}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
							
							<div class="col-lg-4">
								<form jsfc="h:form">
									<h2 class="tituloSlide fonteMedio">#{msg.label_servico_plano_gerenciamento_residuo_construcao_civil_titulo}</h2>
									<p class="corFonteVerdeEscuro">#{msg.label_servico_plano_gerenciamento_residuo_construcao_civil_resumo}</p>
									<p> <a class="btn btn-success" jsfc="h:commandButton" action="#{servicoMB.abriPlanoGerenciamentoResiduosConstrucaoCivil}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
							
							<div class="col-lg-4">
								<form jsfc="h:form">
									<h2 class="tituloSlide fonteMedio">#{msg.label_servico_estudo_impacto_vizinhanca_titulo}</h2>
									<p class="corFonteVerdeEscuro">#{msg.label_servico_estudo_impacto_vizinhanca_resumo}</p>
									<p> <a class="btn btn-success" jsfc="h:commandButton" action="#{servicoMB.abriEstudoImpactoVizinhanca}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
						</div>
					</div>
				</div>
				
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-lg-4">
								<form jsfc="h:form">
									<h1 class="tituloSlide fonteMedio">#{msg.label_servico_licenciamento_ambiental_titulo}</h1>
									<p class="lead corFonteVerdeEscuro fontePequeno">#{msg.label_servico_licenciamento_ambiental_resumo}</p>
									<p> <a class="btn btn-success" jsfc="h:commandButton" action="#{servicoMB.abrirLicenciamentoAbiental}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
							
							<div class="col-lg-4">
								<form jsfc="h:form">
									<h1 class="tituloSlide fonteMedio">#{msg.label_servico_plano_controle_ambiental_titulo}</h1>
									<p class="lead corFonteVerdeEscuro fontePequeno">#{msg.label_servico_plano_controle_ambiental_resumo}</p>
									<p> <a class="btn btn-success" jsfc="h:commandButton" action="#{servicoMB.abrirPlanoControleAmbiental}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
							
							<div class="col-lg-4">
								<form jsfc="h:form">
									<h1 class="tituloSlide fonteMedio">#{msg.label_servico_plano_gerenciamento_residuo_solido_titulo}</h1>
									<p class="lead corFonteVerdeEscuro fontePequeno">#{msg.label_servico_plano_gerenciamento_residuo_solido_resumo}</p>
									<p> <a class="btn btn-success" jsfc="h:commandButton" action="#{servicoMB.abriPlanoGerenciamentoResiduosSolidos}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
						</div>
					</div>
				</div>
				
				<div class="item">
					<div class="container">
						<div class="row">
							<div class="col-lg-4">
								<form jsfc="h:form">
									<h2 class="tituloSlide fonteMedio">#{msg.label_servico_outorga_agua_titulo}</h2>
									<p class="lead corFonteVerdeEscuro fontePequeno">#{msg.label_servico_outorga_agua_resumo}</p>
									<p> <a class="btn btn-success" jsfc="h:commandButton" action="#{servicoMB.abrirOutorgaDagua}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
							
							<div class="col-lg-4">
								<form jsfc="h:form">
									<h2 class="tituloSlide fonteMedio">#{msg.label_servico_cadastro_ambiental_rural_titulo}</h2>
									<p class="lead corFonteVerdeEscuro fontePequeno">#{msg.label_servico_cadastro_ambiental_rural_resumo}</p>
									<p> <a class="btn btn-success" jsfc="h:commandButton" action="#{servicoMB.abrirCadastramentoAmbientalRural}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
							
							<div class="col-lg-4">
								<form jsfc="h:form">
									<h2 class="tituloSlide fonteMedio">#{msg.label_servico_gestao_ambiental_titulo}</h2>
									<p class="lead corFonteVerdeEscuro fontePequeno">#{msg.label_servico_gestao_ambiental_resumo}</p>
									<p> <a class="btn btn-success" jsfc="h:commandButton" action="#{servicoMB.abrirSistemaGestaoAmbiental}" value="#{msg.label_botao_saiba_mais}"></a> </p>
								</form>
							</div>
						</div>
					</div>
				</div>
				
			</div>
			
			<div align="right"> 
				<a href="#myCarouselServico" data-slide="prev"><span class="glyphicon glyphicon-chevron-left iconVerde"></span></a> 
				<a href="#myCarouselServico" data-slide="next"><span class="glyphicon glyphicon-chevron-right iconVerde"></span></a>
			</div> 
		</div>
		
	</ui:define>

</ui:composition>
